<script setup lang="ts">
 import  {useTalkStore}  from "@/store/love"
 import { useCounterStore } from "@/store/couter"

 const countStore = useCounterStore()
 const loveStore = useTalkStore()
 function changeTalkList() {
   loveStore.addTalkList()
 }
</script>

<template>
  <h1> 子组件</h1>
  <h1> {{countStore.count}}</h1>
  <span v-for="item in loveStore.talkList" v-key="item.id">{{item.title}}></span>
  <button @click="changeTalkList">+</button>

</template>

<style scoped>

</style>
